@import (less) "common/css/UICONST.css";
/*基于750的设计稿，尺寸使用rem
@function px2rem(, -font-size: 75px) {
    @return ( / -font-size) * 1rem;
}*/
/*字体用px根据dpr适配
@mixin font-dpr(-size){
    :-size/2;
    font-size: ;
    [data-dpr="2"] & { font-size: +2px;}
    [data-dpr="3"] & { font-size: +4px;}
}*/

.unbind-container {
    width: 80%;
    height: 100%;
    padding-left: 10%;
    padding-right: 10%;
    background-color: #2C363E;
    margin: 0;

    .title-wrap {
        width: px2rem(425px);
        height: px2rem(186px);
        margin: 0 auto;
        padding: px2rem(100px) 0 px2rem(93px);
        background: none;
        
        img {
            width: px2rem(425px);
            height: px2rem(186px);
        }
    }
    .form-wrap {
        line-height: px2rem(80px);

        .smscode-wrap,
        .mobile-wrap {
            outline: none;
            height: px2rem(80px);
            line-height: px2rem(80px);
            border: 1px solid #28B779;
            padding: 0 0 0 px2rem(80px);
            background: url(images/unbind/icon-phone.png) no-repeat px2rem(30px) center;
            background-color: #28B779;
            background-size: px2rem(20px) px2rem(24px);
            margin-bottom: px2rem(20px);

            .inputcode-wrap,
            .inputphone-wrap {
                border: 0!important;
                height: px2rem(80px);
                line-height: px2rem(80px);
                background-color: none;
                outline: none;
                width: 100%;
                border-radius: 0;
            }
        }
        .smscode-wrap {
            border: 1px solid #FBAF38;
            background: url(images/unbind/icon-password.png) no-repeat px2rem(30px) center;
            background-color: #FBAF38;
            background-size: px2rem(20px) px2rem(24px);
        }
        .error-wrap {
            margin-left: 10%;
            position: absolute;
            background: url(images/icon_error.png) no-repeat left center;
            padding-left: 20px;
            color: #D0021B;
            margin-top: 5px;
        }
        input {
            color: #fff;
            background-color: #2C363E !important;
            border-radius: 0;
            padding-left: px2rem(10px) !important;
        }
        .unbind-wrap {
            width: 100%;
            display: inline-block;
            height: 44px;
            line-height: 44px;
            font-size: 18px;
            color: #ffffff;
            cursor: pointer;
            text-align: center;
            border: none;
            margin-top: px2rem(20px);
            border-radius: 0!important;
            background-color: #4AAFCC !important;
        }
    }
}
